import { createApp } from 'vue'
import App from './App.vue' 

// 引入 Element Plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import locale from 'element-plus/es/locale/lang/zh-cn'
// svg图标
import 'virtual:svg-icons-register'
import SvgIcon from '@/components/SvgIcon'
import HeaderNav from './components/views/HeaderNav.vue'
// 路由与状态管理
import router from './router'
//全局格式管理
import './assets/css/global.css'

// 创建 Vue 应用
const app = createApp(App)

// 注册 Element Plus（设置中文 & 默认大小）
app.use(ElementPlus, {
  locale,
  size: 'default'
})

// 注册全局组件（SvgIcon）
app.component('svg-icon', SvgIcon)
// 注册全区组件（HeaderNav）
app.component('HeaderNav', HeaderNav)
// 使用路由和状态管理
app.use(router)

// 挂载应用
app.mount('#app')
